<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>数据库输入源输入</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-theme.min.css">

    <script src="../jquery/jquery-3.2.1.min.js"></script>
    <script src="../jquery/jquery.validate.min.js"></script>
    <script src="../jquery/messages_zh.min.js"></script>

    <script src="../bootstrap/js/bootstrap.min.js"></script>

    <script src="../js/util/checkUtil.js"></script>
    <script src="../js/util/dateUtil.js"></script>
    <script src="../js/util/componentUtil.js"></script>
    <script src="../js/util/mapUtil.js"></script>
    <script src="../js/util/checkUtil.js"></script>

    <script src="../js/db/db.js"></script>
</head>
<body>
<div  class="container-fluid">
    <form class="form-horizontal" role="form" id="submitForm">
        <legend>配置数据源(now only support mysql)</legend>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="firstDbHost">数据库ip及port</label>
            <div class="col-sm-4">
                <input class="form-control" id="firstDbHost" name="firstDbHost" type="text" placeholder="ip:port"/>
            </div>
            <label class="col-sm-2 control-label" for="firstDbName">数据库名</label>
            <div class="col-sm-4">
                <input class="form-control" id="firstDbName" name="firstDbName" type="text" placeholder=".."/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="firstDbUsername">用户名</label>
            <div class="col-sm-4">
                <input class="form-control" id="firstDbUsername" name="firstDbUsername" type="text" placeholder="root"/>
            </div>
            <label class="col-sm-2 control-label" for="firstDbPassword">密码</label>
            <div class="col-sm-4">
                <input class="form-control" id="firstDbPassword" name="firstDbPassword" type="password" placeholder=""/>
            </div>
        </div>

        <legend>配置数据源</legend>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="secondDbHost">数据库ip及port</label>
            <div class="col-sm-4">
                <input class="form-control" id="secondDbHost" name="secondDbHost" type="text" placeholder=""/>
            </div>
            <label class="col-sm-2 control-label" for="secondDbName">数据库名</label>
            <div class="col-sm-4">
                <input class="form-control" id="secondDbName" name="secondDbName"  type="text" placeholder=".."/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="secondDbUsername">用户名</label>
            <div class="col-sm-4">
                <input class="form-control" id="secondDbUsername" name="secondDbUsername" type="text" placeholder="root"/>
            </div>
            <label class="col-sm-2 control-label" for="secondDbPassword">密码</label>
            <div class="col-sm-4">
                <input class="form-control" id="secondDbPassword" name="secondDbPassword" type="password" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <button class="col-sm-offset-11 btn btn-default " type="submit">Submit</button>
        </div>


    </form>
    <div class="form-group">
        <label for="result">对比结果</label>
        <textarea id="result" rows="10" class="form-control"  readonly></textarea>
    </div>

</div>
</body>
</html>